<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>工程项目导航</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--css-->
		<link href="../css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/index.css" />
		<link rel="stylesheet" href="project_navigation.css" />
		<!--css-->

		<!--js-->
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/vue2.5.js"></script>
		<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
		<!--js-->
	</head>

	<body>

		<header class="mui-bar mui-bar-nav head">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">华东建筑集团股份有限公司</h1>
		</header>

		<div class="mui-content">
			<div style="padding: 10px 10px;" class="title">
				<div id="segmentedControl" class="mui-segmented-control">
					<a class="mui-control-item mui-active" href="#item1">卡片视图</a>
					<a class="mui-control-item " href="#item2">地图视图</a>
				</div>
			</div>
			<div>
				<div id="item2" class="mui-control-content ">

					<!--<div class="mark-out">
						<div class="mark-one"><img class="circle" src="../icon/circle.png"></div>
						<div class="info2">
							<div class="detail-out2">
								<div class="detail-left2 ">
									<img class="img-title" src="../icon/office1.jpg" />
								</div>
								<div class="detail-left2 right-left ">
									<a class="mui-navigate">企业办公楼</a>
									<div class="detail">工程账号：Q300218090317</div>
									<div class="detail">工程管理员：王自强</div>
									<div class="detail">工程地址：上海市浦东新区</div>
									<div class="detail">工程规模：15000 m2</div>
									<div class="detail">建设单位：上海浦东土地控股有限公司</div>
								</div>
							</div>
							<div class="nav nav-border"></div>
							<div class="nav nav-background"></div>
						</div>
					</div>-->
					
	<!--		<div class="mark-out">
	<div class="mark-one"><img class="circle" src="../icon/circle.png"></div>
	<div class="info" id="info" ><span>企业办公楼</span>
		<div class="nav nav-border"></div>
		<div class="nav nav-background"></div>
	</div>
</div>-->
					
					
					
					
					
					

					<div id="container" tabindex="0">
					</div>
				</div>
				<div id="item1" class="mui-control-content mui-active">
					<ul class="mui-table-view">

						<li class="mui-table-view-cell" v-for="item in list">

							<div class="detail-out">

								<div class="detail-left ">
									<img class="img-title" :src="'../icon/' + item.img" />
								</div>

								<div class="detail-left right-left ">
									<a class="mui-navigate-right">{{item.title}}</a>
									<div class="detail">工程账号：{{item.account}}</div>
									<div class="detail">工程管理员：{{item.administrator}}</div>
									<div class="detail">工程地址：{{item.address}}</div>
									<div class="detail">工程规模：{{item.scale}}</div>
									<div class="detail">建设单位：{{item.unit}}</div>
								</div>

							</div>
						</li>

					</ul>
				</div>

			</div>

		</div>

		<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.7&key=9f48aaba22a351f6f9bb8b42c163210c"></script>
        <script type="text/javascript" src="project_navigation.js" ></script>	
        
        <script>
        	
        		
        		
        		
        		
        		
        		/*$("#info").click(function(){
        			alert(1);
        		});*/
//      		
        	
        	function change(e){
        		console.log(e);
//      		alert(1);
        		/*var parent = $(e).parent();
        		parent.empty();
        		parent.html(big);*/
        	}
        	
        	
        </script>
	</body>

</html>